<!DOCTYPE html>
<html lang="en">
<head>
    <title>个人主页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }
    </script>
    <link href="/static/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="/static/css/style.css" type="text/css" rel="stylesheet" media="all">
    <link href="/static/css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
    <link rel="stylesheet" href="/static/css/owl.carousel.css" type="text/css" media="all" />
    <script src="/static/js/jquery-2.2.3.min.js"></script>

    <link rel="stylesheet" type="text/css" media="all" href="https://cdn.bootcss.com/layer/3.0.1/skin/default/layer.css" />
    <link href="http://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700" rel="stylesheet">
    <style type="text/css">
        #allmap {width: 100%; height: 500px;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=bfhsBbWL2YwFbGGGnQ9yaaYK7RoeVqP6"></script>
</head>
<body>
<!-- banner -->
<!-- Header -->
<div class="logo-w3layouts">
    <h1><a href="index.html"><i class="fa fa-pie-chart" aria-hidden="true"></i>时间呀~ 你慢点儿走</a></h1>
</div>
<!-- Navigation -->
<div class="menu">
    <a href="#" class="navicon"></a>
    <div class="toggle">
        <ul class="toggle-menu">
            <li><a href="#" class="active"> Home</a></li>
        </ul>
    </div>
</div>
<div class="w3l_banner_info">
    <div class="slider">
        <div class="callbacks_container">
            <ul class="rslides" id="slider3">
                <li>
                    <div class="slider-img">
                        <img src="/static/images/b1.jpg" class="img-responsive" alt="impetus">
                    </div>
                    <div class="slider_banner_info">

                    </div>
                </li>
                <li>
                    <div class="slider-img">
                        <img src="/static/images/b5.jpg" class="img-responsive" alt="impetus">
                    </div>
                    <div class="slider_banner_info">

                    </div>
                </li>
                <li>
                    <div class="slider-img">
                        <img src="/static/images/b6.jpg" class="img-responsive" alt="impetus">
                    </div>
                    <div class="slider_banner_info">

                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="clearfix"></div>
<!-- //banner-slider -->
<!-- //Header -->
<!--//banner-->
<!--about -->
<div class="about" id="about">
    <div class="container">
        <div class="wthree_head_all">
            <h3> 个人简历</h3>
        </div>
        <div class="w3-about-grids1">
            <div class="col-md-6 w3-about-left">
                <div class="w3-about-left-img">
                    <img src="/static/images/a1.jpg" alt="about1">
                </div>
                <div class="w3-about-left-text">
                    <h3>基本信息</h3>
                    <p>
                        李彬彬|男|29 岁 (1990/12/21)| 现居住上海|4年工作经验
                        <br>
                        计算机科学与技术 江西农业大学 本科
                        <br>
                        软件工程师 北京清帆科技有限公司 计算机软件
                    </p>
                    <h5>
                        <a href="#"  data-toggle="modal" data-target="#myModal">See more</a>
                    </h5>
                </div>
            </div>
            <div class="col-md-6 w3-about-right">
                <div class="w3-about-right-img">
                    <img src="/static/images/a2.jpg" alt="about2">
                </div>
                <div class="w3-about-right-text">
                    <h3>求职意向</h3>
                    <p>
                        期望薪资：16000 - 19000元/月       地点：北京
                        <br>
                        职能/职位：软件工程师  PHP  开发工程师
                        <br>
                        行业：计算机软件  互联网/电子商务
                    </p>
                    <h5>
                        <a href="#"  data-toggle="modal" data-target="#myModal2">See more</a>
                    </h5>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="w3-about-grids2">
            <div class="col-md-6 w3-about-left1">
                <div class="w3-about-left1-img">
                    <img src="/static/images/a3.jpg" alt="about3">
                </div>
                <div class="w3-about-left-text">
                    <h3>工作经验</h3>
                    <p>
                        软件工程师 | <small>技术部</small>|<small>富谷信息技术(上海)有限公司|1年1月</small>
                        <br>
                        互联网软件开发 | <small>开发</small>|<small>上海思锐信息技术有限公司|1年5月</small>
                        <br>
                        软件工程师 | <small>电商技术部</small>|<small>上海汇顾通讯设备有限公司|1年7月</small>
                    </p>
                    <h5><a href="#" data-toggle="modal" data-target="#myModal3">See more</a></h5>
                </div>
            </div>
            <div class="col-md-6 w3-about-right1">
                <div class="w3-about-right1-img">
                    <img src="/static/images/a4.jpg" alt="about4">
                </div>
                <div class="w3-about-right1-text">
                    <h3>项目经验</h3>
                    <p>
                        DYSON戴森理发师比赛1-2期 | <small>2018/6-至今</small>
                        <br>
                        希尔顿酒店点餐系统 | <small>2018/4-至今</small>
                        <br>
                        戴森中国电商管理 | <small>2018/5-至今</small>
                    </p>
                    <h5><a href="#" data-toggle="modal" data-target="#myModal4">See more</a></h5>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--//about-->
<!-- services -->
<div class="w3-services" id="services">
    <div class="container">
        <div class="w3-services-grid1">
            <div class="col-md-8 w3-services-grid-left">
                <div class="w3-services-left-text">
                    <h3>教育经历</h3>
                    <h4>江西农业大学  计算机科学与技术  本科  2012/8-2016/7</h4>
                    <p>在校期间通过学习具备了良好的科学素养，系统地、较好地掌握计算机科学与技术包括计算机硬件、软件与应用的基本理论、基本知识和基本技能与方法，使自己能在科研部门、教育单位、企业、事业、技术和行政管理部门等单位从事计算机教学、科学研究和应用的工作。本人的毕业论文是开发了针对电商管理系统，该系统基于MySQL关系型数据库，使用PHP开发的比较典型的信息管理系统(MIS)。它主要包括关系型数据库的建立以及应用程序的开发。数据库部分用关系数据库开发工具MySQL, 汇集各种信息，建立数据表，创建原始数据库，以便以后使用信息的录入、修改、删除、存储、查询和检索。 </p>
                    <h5><a href="javascript:;">Readmore</a></h5>
                </div>
            </div>
            <div class="col-md-4 w3-services-grid-right">
                <img src="/static/images/s1.jpg" alt="img">
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="w3-services-grid2">
            <div class="col-md-4 w3-services-grid-left1">
                <img src="/static/images/s2.jpg" alt="img">
            </div>
            <div class="col-md-8 w3-services-grid-right1">
                <div class="w3-services-left-text">
                    <h3>技能特长</h3>
                    <h4>技能/语言</h4>
                    <p>
                        PHP精通  Python良好  C/C++一般  Java一般
                        <br>
                        <br>
                        英语四级  无障碍阅读英文文档
                    </p>
                    <h5><a href="javascript:;">Readmore</a></h5>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //services -->
<!-- Clients -->
<div class="clients-main" id="clients">
    <div class="container">
        <!-- Owl-Carousel -->
        <div class="wthree_head_all">
            <h3> 我的足迹</h3>
        </div>
        <div id="allmap"></div>
        <!--// Owl-Carousel -->
    </div>
</div>
<!--// Clients -->
<!-- footer -->
<div class="footer_top_agileits">
    <div class="container">
        <div class="col-md-4 footer_grid">
            <h3>说明</h3>
            <p>
                Thanks for your time !
            </p>
        </div>
        <div class="col-md-4 footer_grid">
            <h3>友情链接</h3>
            <ul class="footer_grid_list">
                <li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
                    <a href="https://www.baidu.com" data-toggle="modal" data-target="#myModal">百度</a>
                </li>
                <li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
                    <a href="https://i.51job.com/userset/my_51job.php" data-toggle="modal" data-target="#myModal">前程无忧</a>
                </li>
                <li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
                    <a href="https://www.liepin.com/" data-toggle="modal" data-target="#myModal">猎聘</a>
                </li>
                <li><i class="fa fa-long-arrow-right" aria-hidden="true"></i>
                    <a href="https://i.zhaopin.com/" data-toggle="modal" data-target="#myModal">我的智联</a>
                </li>
            </ul>
        </div>
        <div class="col-md-4 footer_grid">
            <h3>Contact Info</h3>
            <ul class="address">
                <li><i class="fa fa-map-marker" aria-hidden="true"></i>200000 上海, 宝山区，大华三路, <span>上海<span></li>
                <li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:1137206785@qq.com">1137206785@qq.com</a></li>
                <li><i class="fa fa-phone" aria-hidden="true"></i>+86 187 **** 5059</li>
            </ul>
        </div>
        <div class="clearfix"> </div>
        <div class="footer_grids">
            <div class="col-md-4 footer_grid_left">
                <h3>Sign up for our Newsletter</h3>
            </div>
            <div class="col-md-8 footer_grid_right">

                <form action="#" method="post">
                    <input type="email" name="Email" placeholder="Enter Email Address..." required="">
                    <input type="submit" value="Submit">
                </form>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<div class="footer_w3ls">
    <div class="container">
        <div class="footer_bottom1"> </div>
    </div>
</div>
<!-- //footer -->
<!-- bootstrap-modal-pop-up -->
<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                基本信息
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="/static/images/img1.jpg" alt=" " class="img-responsive" />
                <p>
                    李彬彬 | 男 | 29 岁 (1990/12/21) | 现居住上海 | 4年工作经验
                    <br>
                    计算机科学与技术 江西农业大学 本科
                    <br>
                    软件工程师  富谷信息技术（上海）有限公司  计算机软件
                    <br>
                    <br>
                    邮箱：1137206785@qq.com
                    阜阳  未婚  普通公民
                    <br>
                    <br>
                    目前收入：15万元/年  (包含基本工资、补贴、资金、股权收益等）

                    <i>
                            正在找工作, 欢迎叨扰
                    </i>
                </p>
            </div>
        </div>
    </div>
</div>
<!-- bootstrap-modal-pop-up -->
<div class="modal video-modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModal1">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                求职意向
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="/static/images/img2.jpg" alt=" " class="img-responsive" />
                <p>
                    期望薪资：14000 - 16000元/月       地点：北京
                    <br>
                    职能/职位：软件工程师  PHP  开发工程师
                    <br>
                    行业：计算机软件  互联网/电子商务
                    <br>
                    到岗时间：1-2周内    工作类型：全职

                    <br>
                    自我评价：有百万级的接口访问开发经验，熟练使用redis，消息中间件，多进程，任务脚本编程。熟练掌握PHP及一些流行的开发框架，包括swoole、ThinkPHP、CodeIgniter、Smarty、framework2，crontabl,了解YII,laravel等，了解python并使用scrapy开发简单的爬虫程序；熟练HTML/H5、CSS/CSS3、JS、JQuery、 easyUI、BootStrap、JqueryTables、zTree等前端开发；熟练掌握MySql,mongodb数据库开发，掌握常用性能优化经验，慢查询，redis，memcache及其应用场景；熟练使用Linux常用命令，独立配置LAMP、 LNMP环境；熟练使用短信接口，微信接口，支付宝支付接口，SEO优化，分布式开发，PHP面向对象开发；熟悉大并发的开发，熟悉系统调优方案；熟练使用svn,tortoisegit,vim版本控制工具；熟悉电商系统的业务架构，熟悉常用的开源电商系统：Ecshop/CMS等； 熟悉移动端开发，熟悉微信开发的流程和接口，OAuth 2.0，wex5； 有较强的独立工作能力和解决问题的能力； 个人GitHub:1137206785@qq.com coding代码托管：1137206785@qq.com 用户名：brede

                    <br>
                    <br>
                </p>
            </div>
        </div>
    </div>
</div>
<!-- //bootstrap-modal-pop-up -->
<!-- bootstrap-modal-pop-up -->
<div class="modal video-modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                工作经验
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="/static/images/img3.jpg" alt=" " class="img-responsive" />
                <p>
                    软件工程师  技术部  2018/4-至今<br>
                    富谷信息技术（上海）有限公司  1年1个月  计算机软件 外资（非欧美）<br>
                    工作描述：提供优化技术解决方案，项目开发，管理，维护和升级，以及技术支持
                    <br>
                    <br>
                    互联网软件开发工程师  开发部  2016/11-2018/4<br>
                    上海思锐信息技术有限公司  1年5个月  计算机软件|50-150人|创业公司<br>
                    工作描述：1.监控平台的开发与维护 主要使用到FrameWork2框架，mongodb数据库，redis缓存，rabitmq消息队列，阿里云消息，实时运行脚本，业务分离，监控业务运行状态，当触发规则时使用微信，短信，电话通知相关负责人。优化mongodb数据库，对千万级的数据查询进行优化。2.奖励营销开发 在本平台上，以话费，流量，微信红包等形式开发成标准活动，由客户自主选择活动配置。对部分客户的定制化需求特殊处理。保证高并发运行，确保用户流畅体验。制定安全规则，防止羊毛党刷单，确保用户活动效益，使用监控平台及时发现并处理。3.对接上游资源通道，参与制定本公司接口规则，服务下游商家。 对接话费，流量接口，并维护，日访问量上百万。编写C#，JAVA，C++，PHP，NODEJS接口文档，加密规则。
                    <br>
                    <br>
                    软件工程师  电商技术部  2015/5-2016/11<br>
                    上海汇顾通讯设备有限公司  1年7个月  通信/电信运营、增值服务|50-150|合资<br>
                    工作描述：电子商城开发，主要分为前台后台，业务员业绩管理平台。我在本公司中主要负责后台的开发，是ecshop的二次开发。跟据我们公司的情况新加入了一些需求：1，业务员业绩统计。2，业务员促销。3，手机端开发。本项目总参与人数为6人，历时6个月完成，主要采用的thinkphp3.2,easyui,bootstrap,jquery，wex5进行开发.使用thinkphp5.0框架进行开发，前端使用bootstrap,anjularjs开发。我觉得在这个公司最大的收获就是规范的接口开发，商城订单的处理工作，尤其是订单的拆分数据处理。www.91zhaohua.com 找化网，求购，供应，商城模块的开发
                    <br>
                    <br>
                    <i>
                    </i>
                </p>
            </div>
        </div>
    </div>
</div>
<!-- //bootstrap-modal-pop-up -->
<!-- bootstrap-modal-pop-up -->
<div class="modal video-modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModal">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                项目经验
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <img src="/static/images/img4.jpg" alt=" " class="img-responsive" />
                <p>
                    DYSON 戴森理发师1-2期比赛  2018/6-至今<br>
                    项目描述：戴森吹风机促销活动，每期前后持续5个月，活动人数在30万左右，高峰时期并发在20个左右。<br>
                    责任描述：负责后台CMS以及前后端交互API开发，并发优化，数据防护。主要用到TP5,PHP,nginx,mysql,redis,jquery,jquerytables。对用户上传的大量图片进行优化，提高加载速度。强化安全设置，防范假数据，提高活动的真实度。对用户数据进行统计分析，制作报表。监控服务器运行状态。
                    <br>
                    <br>
                    戴森中国电商管理系统  2018/5-至今<br>
                    项目描述：负责对接国内数据与国外数据对接工作<br>
                    项目责任：将Dyson数据同步到本地数据库，并实时推送到Engage, 接收并更新Engage的回传数据。主要用到TP5, linux定时任务，MYsql数据库分表及优化<br>
                    <br>
                    <br>
                    希尔顿酒店点餐系统  2018/4-至今<br>
                    项目描述：独立负责网站后台设计开发，上线，优化维护。使用linux,php,mysql,redis,swoole,ZPHP开发。 <br>
                    项目责任：独立架构开发点餐app，服务器安装配置，备份防灾，以及后续50多家酒店的上线开通功能优化工作。保证网站上线可靠运行。主从复制，文件备份，数据库数据定时导出。后期优化SQL，清除冗余，维护升级。 <br>
                    <br>
                    <br>
                    http://www.ihuyi.com/  2016/11-2018/5<br>
                    项目描述：从事流量话费短信的分销，主要是从上游通道获取资源分发给下游商家，自已本身也做终端客户。行业上就要求接口反应快，安全准确，访问量上百万级，短信日访问平均有2千万。 <br>
                    项目责任：1.监控平台的开发与维护 主要使用到FrameWork2框架，mongodb数据库，redis缓存，rabitmq消息队列，阿里云消息，实时运行脚本，业务分离，监控业务运行状态，当触发规则时使用微信，短信，电话通知相关负责人。优化mongodb数据库，对千万级的数据查询进行优化。 2.奖励营销开发 在本平台上，以话费，流量，微信红包等形式开发成标准活动，由客户自主选择活动配置。对部分客户的定制化需求特殊处理。保证高并发运行，确保用户流畅体验。制定安全规则，防止羊毛党刷单，确保用户活动效益，使用监控平台及时发现并处理。 3.公司话费，流量，短信接口对接及维护，接口规范的制定，PHP，JAVA，NodeJs，C++，.net对接文档的编写。 <br>
                    <br>
                    <br>
                    找化网  2016/6-2016/10<br>
                    项目描述：B2B化工交易撮合平台。主要使用thinkphp5.0,anjularJs,bootstrap,jquery等工具开发。前后台独立，使用接口进行数据交互。<br>
                    项目责任：负责求购，供应，商城模块的接口开发及维护工作。是B2B型的化工类交易撮合平台，使用thinkphp5.0框架进行开发，前端使用bootstrap,anjularjs开发。项目最大的收获就是规范的接口开发，商城订单的处理工作，尤其是订单的拆分数据处理。 <br>
                    <br>
                    <br>
                    www.huigush.com  2015/12-2016/5<br>
                    项目描述：电子商城开发，主要分为前台后台，业务员业绩管理平台。 <br>
                    项目责任：实现前后台业务逻辑，主要包括业务员推广部分，商品展示,业务员绩效统计，加入本公司业务员业价格优势，相应修改ecshop的购物车逻辑，商品价格计算。主要用的thinkphp,ecshop二次开发，easyUI,jquery,微信支付，支付宝支付，短信接口，wex5，H5,css3 <br>
                    <br>
                    <br>
                    心之源珠宝，http://www.xinzy.cn/  2015/7-2015/10<br>
                    项目描述：进行电子商城开发，开发珠宝网上商城，实现线上交易，用户可以在线上查看商品，购买。商家可以在线管理商品 <br>
                    项目责任：与同事配合完成商城的开发，主要进行后端的开发。 <br>
                    <br>
                    <br>
                    <i>
                    </i>
                </p>
            </div>
        </div>
    </div>
</div>

<div class="container"><!-- 这是使用了bootstrap -->
    <form class="form-horizontal" role="form" action="bpm/bmfw/addMaker"
          id="mapMsgForm" method="post">
        <div class="form-group">
            <div class="col-sm-10">
                <input type="hidden" name="bjh" value="">
                <!-- 时间 -->
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-10">
                <input type="hidden" name="sqr" value="">
                <!-- 和谁 -->
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-10">
                <input type="hidden" name="sx" value="">
                <!-- 事项 -->
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-10">
                <input type="hidden" name="pointX" value="">
                <!-- 标记坐标 -->
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-10">
                <input type="hidden" name="pointY" value="">
                <!-- 标记坐标 -->
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default"></button>
            </div>
        </div>
    </form>
</div>
<!-- //bootstrap-modal-pop-up -->
<!-- //bootstrap-modal-pop-up -->
<!-- menu-js -->
<script>
    $('.navicon').on('click', function (e) {
        e.preventDefault();
        $(this).toggleClass('navicon--active');
        $('.toggle').toggleClass('toggle--active');
    });
</script>
<!-- //menu-js -->
<!--banner Slider starts Here-->
<script src="/static/js/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider3").responsiveSlides({
            auto: true,
            pager:true,
            nav:false,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });

    });
</script>
<!--banner Slider starts Here-->
<!-- Owl-Carousel-JavaScript -->
<script src="/static/js/owl.carousel.js"></script>
<script>
    $(document).ready(function () {
        $("#owl-demo").owlCarousel({
            items: 2,
            lazyLoad: true,
            autoPlay: false,
            pagination: true,
        });
    });
</script>
<!-- //Owl-Carousel-JavaScript -->
<script src="/static/js/SmoothScroll.min.js"></script>
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="/static/js/move-top.js"></script>
<script type="text/javascript" src="/static/js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();

            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!-- //end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up -->
<script type="text/javascript">
    $(document).ready(function() {
        $().UItoTop({ easingType: 'easeOutQuart' });
    });
</script>
<script type="text/javascript">
    var marker;
    var time = 0;
    var pointX;
    var pointY;
    // 百度地图API功能
    var map = new BMap.Map("allmap"); // 创建Map实例
    var point = new BMap.Point(119.847604, 31.274829);
    map.centerAndZoom(point, 17); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes : [ BMAP_NORMAL_MAP, BMAP_HYBRID_MAP ]
    }));
    map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    //点击地图并在此添加标记
    map.addEventListener("click", function(e) {
        if (time >= 20) {
            return;
        } else {
            popLayer(e);
        }
    });
    //删除标记
    var removeMarker = function(e, ee, marker) {
        $.ajax({
            type : 'POST',
            async : true,
            url : "/index.php{:url('Index/del_mark')}",
            data : { "bjh":bjh },
            success : function(result) {
                if (result.code == 1) {
                    console.log("删除成功");
                    //成功的话向地图上创建标记和标注
                    map.removeOverlay(marker);
                    time = time - 1;
                } else {
                    alert(result.msg);
                }
            },
            error : function(){
                console.log("删除标注失败！");
            }
        });
    };
    //提交地图信息
    var commitMapMsg = function(e, ee, marker) {
        $("#mapMsgForm").submit();
    };
    function popLayer(e) {
        //将经纬度存入form中
        $("input[name='pointX']").val(e.point.lng);
        $("input[name='pointY']").val(e.point.lat);
        //取出经纬度
        pointX = $("input[name='pointX']").val();
        pointY = $("input[name='pointY']").val();
        layer.open({
            title : '要在此地标注嘛？',
            offset: 'auto',
            btn: ['确定', '取消'],
            area:['270px', '230px'],
            content :
            '<form class="layui-form">'+
                '<div class="layui-form-item">'+
                    '<div class="layui-form-label" style="float:left">时间：</div>' +
                    '<div class="layui-input-block">' +
                        '<input type="text" id="item_time" style="margin-left:8px;" class="layui-input" value="" />' +
                    '</div>'+
                '</div>'+
                '<div class="layui-form-item" style="margin-top:5px;">'+
                    '<div class="layui-form-label" style="float:left">和谁：</div>' +
                    '<div class="layui-input-block">' +
                        '<input type="text" id="item_who" style="margin-left:8px;" class="layui-input" value="" />' +
                    '</div>'+
                '</div>'+
                '<div class="layui-form-item" style="margin-top:5px;">'+
                    '<div class="layui-form-label" style="float:left">事项：</div>' +
                    '<div class="layui-input-block">' +
                        '<input type="text" id="item_event" style="margin-left:8px;" class="layui-input" value="" />' +
                    '</div>'+
                '</div>'+
            '</form>',
            yes : function(index, layero) {
                var item_event = $("#item_event").val();
                var item_who   = $("#item_who").val();
                var item_time  = $("#item_time").val();
                //点击确认,即提交信息
                $.ajax({
                    type : 'POST',
                    async : true,
                    url : "/index.php{:url('Index/add_mark')}",
                    data : {
                        "time":item_time,
                        "who":item_who,
                        "event":item_event,
                        "pointX":pointX,
                        "pointY":pointY
                    },success : function(result){
                        if (result.code == 1) {
                            //成功的话向地图上创建标记和标注
                            createMaker(e, item_time, item_who, item_event);
                        } else {
                            alert(result.msg);
                        }
                    },error : function(){
                        console.log("创建标注失败！");
                    }
                });
                layer.close(index);
            }
        });
    }

    function createMaker(e, time, who, event){
        marker = new BMap.Marker(e.point);
        map.addOverlay(marker);
        map.panTo(e.point);
        /* marker.setAnimation(BMAP_ANIMATION_BOUNCE);//跳动的标记 */
        //创建右键菜单
        var markerMenu = new BMap.ContextMenu();
        markerMenu.addItem(new BMap.MenuItem('删除', removeMarker
            .bind(marker)));
        marker.addContextMenu(markerMenu);
        /* markerMenu.addItem(new BMap.MenuItem('提交', commitMapMsg
         .bind(marker)));
         marker.addContextMenu(markerMenu); */
        //标注
        var text = "<div style='margin:2px;'>" +
                       "<p>时间：" + time + "</p>" +
                       "<p>和谁：" + who + "</p>" +
                       "<p>事项：" + event + "</p>" +
                   "</div>";

        var label = new BMap.Label(
            text,
            {
                offset : new BMap.Size(-85, -120)
            }
        );
        //设置label(标注的样式)
        label.setStyle({
            color : "black",
            fontSize : "12px",
            height : "65px",
            fontFamily : "微软雅黑",
            maxWidth : "none",
            border : "none",
            display : "none"
        });
        marker.setLabel(label);
        // 鼠标经过时
        marker.addEventListener("mouseover", function(e) {
            var label = this.getLabel();
            label.setStyle({
                display: "block"
            });
        });
        // 鼠标离开时
        marker.addEventListener("mouseout", function(e) {
            var label = this.getLabel();
            label.setStyle({
                display: "none"
            });
        });
        time = time + 1;
    }
    $(function(){
        show_history();
    });
    function show_history()
    {
        $.post(
            "/index.php{:url('Index/get_data')}",
            {},
            function (back)
            {
                console.log(back);
                for (var i = 0; i < back.length; i++) {
                    var coordinate = {'point':{'lat':back[i].event_y, 'lng':back[i].event_x}};
                    createMaker(coordinate, back[i].event_time, back[i].event_part, back[i].event_desc);
                }
            }
        );
    }
</script>
<!-- //smooth-scrolling-of-move-up -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="/static/js/bootstrap.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
</body>
</html>